﻿
@{
    ViewBag.Title = "Count";
    Layout = "~/Areas/Manage/Views/Shared/_Layout.cshtml";
}
<style>
    #pic1 {
        width: 400px;
        height: 400px;
        margin: 20px auto;
    }
</style>
<div id="pic1"></div>
@section FooterScript{
    <script src="~/Content/js/echarts.min.js"></script>
    <script>
        var myCharts1 = echarts.init(document.getElementById('pic1'));
        var option1 = {
            backgroundColor: 'white',

            title: {
                text: '用户地区情况',
                left: 'center',
                top: 20,
                textStyle: {
                    color: '#93ff93'
                }
            },
            tooltip: {
                trigger: 'item',
                formatter: "{a} <br/>{b} : {d}%"
            },

            visualMap: {
                show: false,
                min: 500,
                max: 600,
                inRange: {
                    colorLightness: [0, 1]
                }
            },
            series: [
                {
                    name: '数量覆盖比率',
                    type: 'pie',
                    clockwise: 'true',
                    startAngle: '0',
                    radius: '60%',
                    center: ['50%', '50%'],
                    data: [
                        {
                            value: 45,
                            name: '北京',
                            itemStyle: {
                                normal: {
                                    color: '#93ff93',
                                    shadowBlur: '90',
                                    shadowColor: '#93ff93',
                                    shadowOffsetY: '30'
                                }
                            }
                        },
                        {
                            value: 15,
                            name: '上海',
                            itemStyle: {
                                normal: {
                                    color: '#e1e100',
                                    shadowBlur: '90',
                                    shadowColor: '#ff5809',
                                    shadowOffsetY: '30'
                                }
                            }
                        },
                        {
                            value: 20,
                            name: '广州',
                            itemStyle: {
                                normal: {
                                    color: '#afaf61',
                                    shadowBlur: '90',
                                    shadowColor: '#4dffff',
                                    shadowOffsetY: '30'
                                }
                            }
                        },
                        {
                            value: 20,
                            name: '深圳',
                            itemStyle: {
                                normal: {
                                    color: '#93ff93',
                                    shadowBlur: '90',
                                    shadowColor: '#93ff93',
                                    shadowOffsetY: '30'
                                }
                            }
                        }

                    ],
                }
            ]
        };
        myCharts1.setOption(option1);
    </script>
}